import React from 'react';
import { LogoHeader } from '../../components/Header';
import SearchBox from '../../components/SearchBox';
import {
  Banner,
  HighQualityRecommended,
  IndustryMarket,
  IndustryInformation,
} from '../../components/Home';
import {
  Elevator,
  NavBar,
} from '../../components/Aside';

import styles from './index.module.less';

class Home extends React.Component {
  render() {
    const extra = (
      <React.Fragment>
        <button className={styles.publishPriceBtn}>发布询价单</button>
        <button className={styles.publishGoodsBtn}>发布商品</button>
      </React.Fragment>
    );

    return (
      <React.Fragment>
        <LogoHeader rightContent={<SearchBox />} extra={extra} />
        <Banner />
        <div className={styles.container}>
          <HighQualityRecommended/>
          <IndustryMarket/>
          <IndustryInformation/>
        </div>
        <Elevator />
        <NavBar />
      </React.Fragment>
    );
  }
}

export default Home;
